<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
			
		}
		div{
			width: 200px;	
			height: 200px;
			border: 70px solid #000;
			box-sizing: border-box;
			margin: 200px auto;
			
			/* 
			 
			 如果通过source 指定了哪一张图片作为边框的图片
			 如果设置了边框图片 那么就不会显示边框颜色 边框图片的优先级高于边框颜色
			 */
			border-image-source: url('百度/images/百度.png');
			/* 告诉浏览器如何对 指定边框的图片进行切割*/
			/* border-image-slice: 70 70 70 70 ; */
			border-image-slice: 70 70 70 70 fill;
			/* 边框图片显示的宽度 并不是指定边框的宽度 */
			/* border-image-width: 10px; */
			
			/* 
			 告诉浏览器 除了边框图片四个角如外的图片怎么填充 默认是拉伸 stretch
			 repeat  重复
			 round   平铺
			 */
			border-image-repeat: round;
 
			
		}
	</style>
	</head>
	<body>
		
		
		<div></div>
		
	</body>
</html>